$(document).ready(function () {
    // $('#cardPagination').pagination({
    //     dataSource: [1, 2, 3, 4, 5, 6, 7, 8,9,10],
    //     pageSize: 5,
    //     showSizeChanger: true,
    //     callback: function (data, pagination) {
    //         console.log('data',data)
    //         console.log('pagination',pagination)
    //     }
    // }) 
    initLineAChart()
    initLineBChart()
});

function PageCallback(page_index, jq) {

}

function initLineAChart() {
    var chartDom = document.getElementById('lineChartA');
    var myChart = echarts.init(chartDom);
    var option;

    option = {
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
            axisLabel: {//坐标轴刻度标签
                show: false
            },
            axisTick: {//坐标轴刻度
                show: false
            },
            axisLine: {
                lineStyle: {
                    color: '#DCDFE6',// X轴线的颜色
                    width: 1 // x轴线的宽度
                }
            },
        },
        yAxis: {
            type: 'value',
            //隐藏Y轴
            axisLine: {
                show: false
            },
            // 隐藏Y轴的刻度线
            axisTick: {
                show: false
            },
            splitLine: {
                show: true,
                lineStyle: {
                    color: '#DCDFE6', // 网格线颜色
                    type: 'dashed' // 线的类型
                }
            },
            interval: 500
        },
        series: [
            {
                data: [150, 400, 600, 800, 1000, 1400, 1600],
                type: 'line'
            }
        ]
    };

    option && myChart.setOption(option);
}

function initLineBChart() {
    var chartDom = document.getElementById('lineChartB');
    var myChart = echarts.init(chartDom);
    var option;

    option = {
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
            axisLabel: {//坐标轴刻度标签
                show: false
            },
            axisTick: {//坐标轴刻度
                show: false
            },
            axisLine: {
                lineStyle: {
                    color: '#DCDFE6',// X轴线的颜色
                    width: 1 // x轴线的宽度
                }
            },
        },
        yAxis: {
            type: 'value',
            //隐藏Y轴
            axisLine: {
                show: false
            },
            // 隐藏Y轴的刻度线
            axisTick: {
                show: false
            },
            splitLine: {
                show: true,
                lineStyle: {
                    color: '#DCDFE6', // 网格线颜色
                    type: 'dashed' // 线的类型
                }
            },
            interval: 500
        },
        series: [
            {
                data: [150, 400, 600, 800, 1000, 1400, 1600],
                type: 'line'
            }
        ]
    };

    option && myChart.setOption(option);
}
